<html>
<head>
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no" />

<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="NKit.js"></script>
<script type="text/javascript" src="javascript.js"></script>

        <script type="text/javascript">
        // Give Page a NKNavigationController Title
        var navController = new NKNavigationController();
        navController.setTitle("NKAlertSheet");
        </script>

</head>

<body>
<script type="text/javascript">



// Show an NKAlertSheet ----------------------------------------------
// This function, when called will show a NKAlertSheet

function actionSheetButtonPressed(index)
{
}

function showAlertsheet()
{
	var sheet = new NKAlertSheet();
	sheet.init("actionSheetButtonPressed");
	sheet.addButtonWithTitle("Sure!");
	sheet.addButtonWithTitle("So-so");
	sheet.addButtonWithTitle("Nah");
	sheet.setRedButtonIndex(2);
	sheet.setStyle("black");
	sheet.setTitle("Do you like it?");
	sheet.show();
}
</script>
<div class="greybutton" onClick="showAlertsheet();">Show NKAlertSheet</div>
<div class="infobox">
<h1>NKAlertSheet</h1>
<h2>Description</h2>
<p>This class is used to confirm user destructive actions or provide a choice between different actions.</p>
<h2>Usage</h2>
<p>
</p>
<h2>Example</h2>
<p class="code">
	var sheet = new NKAlertSheet();<br>
	sheet.init("actionSheetButtonPressed");<br>
	sheet.addButtonWithTitle("Sure!");<br>
	sheet.addButtonWithTitle("So-so");<br>
	sheet.addButtonWithTitle("Nah");<br>
	sheet.setRedButtonIndex(2);<br>
	sheet.setStyle("black");<br>
	sheet.setTitle("Do you like it?");<br>
	sheet.show();<br>
</p>
<p>The above line of code works as follows:<br/>
<a href="#" onclick="showAlertsheet()">Press this to see</a></p>
</div>



</body>
</html>